@charset "UTF-8";
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -2em; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
	height: 2em; /* '.push' must be the same height as 'footer' */
}
/*-----------------------------------------------*/
header, footer, nav {
  background: rgb(60,60,60);
  color: lightgray;
  position:absolute;
  width: 100%;
  height: 2em;
  left: 0;
  display: table;
}

header a, footer a, nav a {
	color: lightgray
}

header {
	top: 0;
}

nav {
	top: 2em;
}

footer {
	bottom: 0;
}

#main {
	position: absolute;
	top: 4em;
	margin: 8px;
	padding: 8px;
	left: 0;
}

#headerleft, #navleft, #footerleft
{
	display: table-cell;
	vertical-align: middle;
	text-allign: left;
}

#headercenter, #navcenter, #footercenter
{
	display: table-cell;
	vertical-align: middle;
    text-align: center;
}

#headerright, #navright, #footerright
{
	display: table-cell;
	vertical-align: middle;
    text-align: right;
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 12px;
	background: lightgray;
	color:navy;
	padding-top:2em;
	padding-bottom:2em;
}

h1
{

}